<link rel="stylesheet" type="text/css" href="assets/bootstrap-datepicker/css/datepicker.css" />
<section id="main-content">
  <section class="wrapper">
    <!--state overview end-->
    <div class="row">
      <div class="col-lg-12">
        <form>
          <section class="panel" id="addloc">
            <header class="panel-heading">
              加班信息
            </header>
            <div class="panel-body">
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">归属部门</label>
                <div class="col-sm-10">
                  <select id="deptCode" name="deptCode" class="form-control" ng-model="deptCode" certus-required>
                    <option ng-repeat="x in depts" value="{{x.departmentCode}}">{{x.departmentName}}</option>
                  </select>
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">归属项目*</label>
                <div class="col-sm-10">
                  <input type="text" id="proName" name="proName" placeholder="自动检索项目名称" class="form-control">
                  <input type="hidden" value="" name="proId" id="proId" />
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">加班开始时间*</label>
                <div class="col-sm-10">
                  <div class="row">
                    <div class="col-lg-8">
                      <input type="text" class="form-control" placeholder="开始日期" name="beginTime" id="beginTime">
                    </div>
                    <div class="col-lg-4">
                      <select class="form-control" id="start" name="start">
                        <option value="08:30:00">08:30</option>
                        <option value="09:00:00">09:00</option>
                        <option value="09:30:00">09:30</option>
                        <option value="10:00:00">10:00</option>
                        <option value="10:30:00">10:30</option>
                        <option value="11:00:00">11:00</option>
                        <option value="11:30:00">11:30</option>
                        <option value="13:00:00">13:00</option>
                        <option value="13:30:00">13:30</option>
                        <option value="14:00:00">14:00</option>
                        <option value="14:30:00">14:30</option>
                        <option value="15:00:00">15:00</option>
                        <option value="15:30:00">15:30</option>
                        <option value="16:00:00">16:00</option>
                        <option value="16:30:00">16:30</option>
                        <option value="17:00:00">17:00</option>
                        <option value="17:30:00">17:30</option>
                      </select>
                    </div>
                  </div>
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">加班结束时间*</label>
                <div class="col-sm-10">
                  <div class="row">
                    <div class="col-lg-8">
                      <input type="text" class="form-control" placeholder="结束日期" name="endTime" id="endTime">
                    </div>
                    <div class="col-lg-4">
                      <select class="form-control" id="end" name="end">
                        <option value="09:00:00">09:00</option>
                        <option value="09:30:00">09:30</option>
                        <option value="10:00:00">10:00</option>
                        <option value="10:30:00">10:30</option>
                        <option value="11:00:00">11:00</option>
                        <option value="11:30:00">11:30</option>
                        <option value="12:00:00">12:00</option>
                        <option value="13:00:00">13:00</option>
                        <option value="13:30:00">13:30</option>
                        <option value="14:00:00">14:00</option>
                        <option value="14:30:00">14:30</option>
                        <option value="15:00:00">15:00</option>
                        <option value="15:30:00">15:30</option>
                        <option value="16:00:00">16:00</option>
                        <option value="16:30:00">16:30</option>
                        <option value="17:00:00">17:00</option>
                        <option value="17:30:00">17:30</option>
                        <option value="18:00:00">18:00</option>
                      </select>
                    </div>
                  </div>
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">加班总时长*</label>
                <div class="col-sm-10">
                  <div class="row">
                    <div class="col-lg-4">
                      <div class="input-group">
                        <input type="number" class="form-control" name="vacationDay" id="vacationDay" value="0" min="1"
                          onkeyup="calcHours(this.value)" onblur="calcHours(this.value)">
                        <span class="input-group-addon">天</span>
                      </div>
                    </div>
                    <div class="col-lg-4">
                      <select class="form-control" name="vacationHour" id="vacationHour" onchange="calcueDay(this.value)">
                        <option value="0">0小时</option>
                        <option value="1">1小时</option>
                        <option value="2">2小时</option>
                        <option value="3">3小时</option>
                        <option value="4">4小时</option>
                        <option value="5">5小时</option>
                        <option value="6">6小时</option>
                        <option value="7">7小时</option>
                        <option value="8">8小时</option>
                      </select>
                    </div>
                    <div class="col-lg-4">
                      <div class="input-group">
                        <span class="input-group-addon">总时长</span>
                        <input type="text" class="form-control needCertus" disabled certus-required value="0" name="totalHour"
                          id="totalHour">
                        <span class="input-group-addon">小时</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">工作内容*</label>
                <div class="col-sm-10">
                  <textarea class="form-control" maxlength="120" name="comments" id="comments" placeholder="字符长度限制(120字以内)"></textarea>
                </div>
              </div>
            </div>
          </section>
        </form>
        <section class="panel">
          <div class="panel-body">
            <p class="default-buttons">
              <a href="javascript:void(0);" class="button-back btn btn-info" onclick="window.history.back()">返回</a>
              <a class="button-next  btn btn-success submit">确认申请</a>
            </p>
          </div>
        </section>
      </div>
    </div>
  </section>
</section>
<script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/autocomplete/jquery.autocomplete.js"></script>
<script type="text/javascript">
  // 开始日期
  $('#beginTime').datepicker({
    format: 'yyyy-mm-dd'
  });
  // 结束日期
  $('#endTime').datepicker({
    format: 'yyyy-mm-dd'
  });
</script>
<script type="text/javascript" src="js/workover/workover.js"></script>